<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{admin/partial/head :: head}"></head>

<body>
<div id="wrapper">
    <nav class="navbar-default navbar-static-side" role="navigation" th:insert="~{admin/partial/sidebar :: sidebar}">
    </nav>

    <div class="gray-bg dashbard-1" id="page-wrapper">
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-10">
                <h2>文章列表</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="/admin/home">主页</a>
                    </li>
                    <li>
                        <a>文章管理</a>
                    </li>
                    <li>
                        <strong>文章列表</strong>
                    </li>
                </ol>
            </div>
            <div class="col-lg-2">

            </div>
        </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-content">
                            <div class="row">
                                <div class="col-sm-2 m-b-xs">
                                    <select class="chosen-select" data-placeholder="请选择分类" id="categoryId"
                                            name="categoryId" style="width:200px;">
                                        <option value="">请选择分类</option>
                                        <option th:each="category : ${categoryList}" th:text="${category.categoryName}"
                                                th:value="${category.id}"></option>
                                    </select>
                                </div>
                                <div class="col-sm-5 m-b-xs">
                                    <select class="chosen-select" data-placeholder="请选择标签" id="tagId" multiple
                                            name="tagId" style="width:430px;" tabindex="5">
                                        <option hassubinfo="true" th:each="tag : ${tagList}" th:text="${tag.tagName}"
                                                th:value="${tag.id}"></option>
                                    </select>
                                </div>
                                <div class="col-sm-3">
                                    <div class="input-group m-b-xs">
                                        <input class="input-sm form-control" id="keyword" placeholder="请输入标题"
                                               style="font-size: 12px;" type="text">
                                        <span class="input-group-btn">
                                                            <button class="btn btn-sm btn-primary" id="article-search"
                                                                    type="button">搜索</button>
                                                        </span>
                                    </div>
                                </div>

                                <button class="btn btn-sm btn-danger m-b-xs" id="article-add" type="button">新增文章
                                </button>
                            </div>

                            <div id="dataList">

                            </div>
                            <div>
                                <div class="pagination" style="float: left">共
                                    <span id="total-num"></span>
                                    条记录
                                    <span id="current-page"></span>
                                    /
                                    <span id="total-page"></span>
                                </div>


                                <div class="pagination" id="pagination" style="float: right">

                                </div>               <!--      <nav id="page-nav">
                                    <div class="M-box"></div>
                                    <p class="tips">当前是第<span id="now" class="now"></span>页</p>
                                    &lt;!&ndash;<span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><span class="space">&hellip;</span><a class="page-number" href="/page/8/">8</a><a class="extend next" rel="next" href="/page/2/">下一页 &raquo;</a>
                                    &ndash;&gt;
                                </nav>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!--添加footer-->
    <div class="footer fixed" th:insert="~{admin/partial/footer :: copyright}">

    </div>
</div>

</div>

<!-- 编辑页面 -->
<div aria-hidden="true" class="modal inmodal" id="editArticleModal" role="dialog" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-body" id="editArticleContent">

        </div>
    </div>
</div>


<!-- 新增页面 -->
<div aria-hidden="true" class="modal inmodal" id="addArticleModal" role="dialog" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-body" id="addArticleContent">

        </div>
    </div>
</div>


<!-- Mainly scripts -->
<script th:href="@{/admin/js/jquery-2.1.1.min.js}"></script>
<script th:href="@{/admin/js/bootstrap.min.js}"></script>
<script th:href="@{/admin/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
<script th:href="@{/admin/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
<script th:href="@{/admin/js/validation.js}"></script>
<script th:href="@{/admin/js/article/article.js}"></script>
<script th:src="@{/js/jqPaginator.min.js}"></script>
<!--左边菜单的展开和关闭-->
<script th:href="@{/admin/js/hplus.js}"></script>
<script th:href="@{/admin/js/plugins/chosen/chosen.jquery.js}"></script>
<!--弹窗效果-->
<script th:href="@{/admin/js/flavr/flavr/js/flavr.min.js}" type="text/javascript"></script>
<script th:href="@{/admin/js/flavr/base.js}" type="text/javascript"></script>

</body>

</html>
